import Swiper from '../lib/swiper-bundle' // 引入轮播插件
import '../lib/swiper-bundle.css' // 引入轮播样式
import axios from 'axios'

// 请求轮播数据
axios.get('/banner').then((res) => {
    // 调用渲染函数
    renderBanner(res.data)
})
function renderBanner(data) {
    const swiperWrapper = document.querySelector('.swiper-wrapper')
    swiperWrapper.innerHTML = data.map((v) => {
        return `
        <div class="swiper-slide">
        <img src="${v.img}" />
        </div>
        `
    }).join('')
}
// 实例化轮播插件
const mySwiper = new Swiper('.swiper-container', {
    loop: true, // 无缝轮播
    autoplay: true // 自动轮播
})